<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乘法表</title>
    <link rel="stylesheet" href="test02.css">
</head>
<body>
    <div class="container" id="multiplicationTable"></div>
    <script>
        const container = document.getElementById('multiplicationTable');
        let tableContent = '';

        for (let i = 1; i <= 9; i++) {
            tableContent += '<div class="row">';
            for (let j = 1; j <= i; j++) {
                tableContent += `<div class="cell">${j} x ${i} = ${i * j}</div>`;
            }
            tableContent += '</div>';
        }

        container.innerHTML = tableContent;
    </script>
</body>
</html>